<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale =1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>悦邻舍</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../assets/css/component.css">
    <link rel="stylesheet" href="../assets/css/login.css">
</head>
<body >

<div id="pageApp">
    <div class="ykl-layout"  v-cloak>
      <div class="top-msg-box">
          <img class="login-bg" src="../assets/img/login_bg.png">
          <div class="user-msg-box">
              <img class="user-img" v-bind:src="headerImg">
              <p class="user-nickname">{{nickName}}<span class="iconfont icon-bianji" @click="showNickNameModal"></span></p>
              <p class="edit-tips">请修改为昵称+房号</p>
          </div>
      </div>

      <div class="login-form">
          <p class="login-form-item">
              <span class="iconfont icon-iphone"></span>
              <input type="tel" maxlength="11" placeholder="请输入手机号" v-model="tel">
              <span class="get-code-btn" @click="getCode" v-if="!hasGetCode">发送验证码</span>
              <span class="has-get-code" v-if="hasGetCode">剩余{{countTimeNum}}秒</span>
          </p>
          <p class="login-form-item">
              <span class="iconfont icon-yduidunpaishixin"></span>
              <input type="tel" maxlength="4" placeholder="请输入短信验证码" v-model="code">
          </p>
      </div>
      <div class="btn-wrapper">
          <p class="btn btn-blue btn-large" @click="login">立即使用</p>
      </div>
      <transition name="bottom-slide">
         <div class="edit-nickname-modal" v-if="editNickName">
             <input type="text" v-model="inputVal" maxlength="15">
             <p class="btn btn-blue btn-large" @click="submitNickName">保存</p>
         </div>
      </transition>
      <common-mask v-if="editNickName" @close="hideNickNameModal"></common-mask>
    </div>
 </div>  
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/vue.min.js"></script>

    <script src="../assets/js/gkee.js"></script>
    <script src="../assets/js/gtr.js"></script>

    <script src="../assets/js/component.js"></script>
    <script src="../assets/js/login.js"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../assets/js/collector.js"></script>
    <script src="../assets/js/wechat.js"></script>
    <script src="../assets/js/wechat-shared.js"></script>
    
    <script>
        g.storage.delToken();
        wechat.ready(function () {
            initPage();
        });
    </script>
</body>
</html>

